<script language="javascript">
    // apply filters  
    jQuery(document).ready(function(){
        jQuery("#list_etapas").jqGrid({
            url: '<?php echo site_url() ?>/transaccionentrada/data2',
            mtype: 'POST',
            datatype: 'json',
            colNames:['ID','Comentario','Fecha Registro','Usuario','Tipo Seguimiento'],
            colModel :[ 
                {name:'id', index:'id', width:2,hidden:true},
                {name:'ContenidoDetalle',index:'ContenidoDetalle'},
                {name:'date', index:'date',width:30},
                {name:'usuario', index:'usuario',width:30},
                {name:'idTipoSeguimiento', index:'idTipoSeguimiento',width:30}],
                
            pager: jQuery('#pager_etapas'),
            hiddengrid: false,
            sortname: 'id',
            rowNum:10,
            rowList:[10,20,30,40,50],
            sortorder: "desc",
            height: '100%',
            width: '710',
            imgpath: _base_url + 'public/css/jqgrid/flex/images',
            viewrecords: true,
            multiselect: false,
            editurl:"http://localhost/company24h/index.php/etapastrx/save",
            adjacents: 4,
			onSelectRow: function(id) 
			{
				 
            	if(ids != null) 
            	{
            		var rec = jQuery("#list_etapas").getRowData(id);	
            	}
            },
			afterInsertRow: function(rowid, aData){
                                 switch (aData.activa) {
                                     case '1': jQuery("#list_etapas").setCell(rowid,'activa','<img src="' + _base_url + 'public/images/accept.png" />',{color:'green'});
                                         break;
                                     case '0': jQuery("#list_etapas").setCell(rowid,'activa','<img src="' + _base_url + 'public/images/close.png" />',{color:'#ccc'});
                                         break;
								  }
								 
								 switch (aData.completada) {
                                     case '1': jQuery("#list_etapas").setCell(rowid,'completada','<img src="' + _base_url + 'public/images/accept.png" />',{color:'green'});
                                         break;
                                     case '0': jQuery("#list_etapas").setCell(rowid,'completada','<img src="' + _base_url + 'public/images/close.png" />',{color:'#ccc'});
                                         break;
                                 }},
            jsonReader: { repeatitems : false, id: "0" }
        }).navGrid('#pager_etapas', {add:false,edit:false,del:false,search:false}, //options 
        {height:280,reloadAfterSubmit:true}, // edit options 
        {height:280,reloadAfterSubmit:false}, // add options 
        {reloadAfterSubmit:false}, // del options 
        {} // search options 
        )
        
        .navButtonAdd('#pager_etapas',{caption:"Agregar", buttonimg: _base_url + "public/images/new.png", onClickButton:function()
      { 
      	var idi=jQuery('#list').getGridParam('selrow');
      	
      	if(idi != null)
      	{
      		rec = jQuery("#list_etapas").getRowData(1);
            window.location = _site_url + "/transaccionentrada/adddetail";	
      	}
      	else
      	{
      		
      		jAlert('Debe seleciona un registro de Inbound'); 
      	}	
      	   
        	 
        } })
        
        .navButtonAdd('#pager_etapas',{caption:"Editar", buttonimg: _base_url + "public/images/edit.png", onClickButton:function()
        {
        id=jQuery('#list_etapas').getGridParam('selrow');
        if (id) 
        {
                  var ret = jQuery("#list_etapas").getRowData(id);
                  window.location = _site_url + '/transaccionentrada/editdetalles/' + ret.id;
         
        } else { jAlert('Debe seleccionar un comentario'); }
        return false; } 
        })
        
        
        <?php   
           if ($this->session->userdata('LOGGED_ROL')==1)
           {
        ?>
        .navButtonAdd('#pager_etapas',{caption:"Eliminar", buttonimg: _base_url + "public/css/jqgrid/flex/images/tab_close-on.gif", onClickButton:
         function()
        {   id=jQuery('#list_etapas').getGridParam('selrow');
        	var ret = jQuery("#list_etapas").getRowData(id);
         
           if (ret.id > 0) {
            msg = 'Realmente desea eliminar este Comentario?';
            jConfirm(msg, 'Dialogo de Confirmacion', function (r) {
                if(r) {
                	id=jQuery('#list_etapas').getGridParam('selrow');
                       ret = jQuery("#list_etapas").getRowData(id);
                    var ids_to_delete =ret.id ;
                   
                     window.location = _site_url + '/transaccionentrada/elidetalle/' + ret.id;
                    $.post( _site_url + '/transaccionentrada/adddetail', { delete_rows: ids_to_delete.join("|") }, function(data){
                        $('#error').html(data); jQuery("#list_etapas");
                        
                    });
                }
            });
          
            
        }
        else { jAlert('Debe seleccionar al menos un Comentario'); }

        return false;}

        })
        <?php
           }
           
        ?>
 
        ;
    }); 
</script>
<div class="table_container">
<table>
<tr><td><div id="titulo">Comentario De Inbound<hr /></div><br /></td></tr>
<tr>
<td>
    <table id="list_etapas" class="scroll"></table>
    <div id="pager_etapas" class="scroll" style="text-align:center;"></div>
    
		</td>
 	</tr>
 </table>
</div>